<!DOCTYPE html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
>
<!--<head th:include="admin/partial/bg_template::bg_header">-->
<head th:include="showup/ft_template::ft_head">
</head>

<body>

<!--====== TOP HEADER ==========-->
<section th:include="showup/ft_template::top_header">
</section>

<!--====== NAVIGATION MENU ==========-->
<section th:include="showup/ft_template::nav_menu">
</section>

<!--====== HOTELS LIST ==========-->
<section class="hot-page2-alp hot-page2-pa-sp-top">
    <div class="container">
        <div class="row inner_banner bg-none">
            <div class="hot-page2-alp-tit">
                <h1>我们有海量的国内外性感模特信息 </h1>
                <ul>
                    <li><a th:href="@{/article/home}" href="#inner-page-title" th:text="@{首页}"></a></li>
                    <li><i class="fa fa-angle-right" aria-hidden="true"></i> </li>
                    <li><a th:href="@{/article/modelList}" href="#inner-page-title" class="bread-acti" th:text="@{模特详情}"></a></li>
                </ul>
                <p>World's leading Model Information website,Over 30,00 Model worldwide. </p>
            </div>
        </div>
        <div class="row">
            <div class="hot-page2-alp-con">
                <!--LEFT LISTINGS-->
                <div class="col-md-3 hot-page2-alp-con-left">
                    <!--内容一，最近更新的-->
                    <!--PART 1 : LEFT LISTINGS-->
                    <div class="hot-page2-alp-con-left-1">
                        <h3>Most Recently Update</h3>
                    </div>
                    <!--PART 2 : LEFT LISTINGS-->
                    <div class="hot-page2-hom-pre hot-page2-alp-left-ner-notb">
                        <ul>
                            <!--LISTINGS-->
                            <li th:each="model:${recentModelInfo}">
                                <a href="#">
                                    <div class="hot-page2-hom-pre-1 hot-page2-alp-cl-1-1">
                                        <img th:src="${model.piclink}" style="height: 100%;width: 100%" alt="">
                                    </div>
                                    <div class="hot-page2-hom-pre-2 hot-page2-alp-cl-1-2">
                                        <h5><a target="_blank" th:href="@{/article/model_details?mid=} + ${model.mid}"
                                               th:text="${model.realname} + '（' +${model.alias} + '）'"></a></h5>
                                        <span th:text="${model.modellabel}"></span>
                                    </div>
                                    <div class="hot-page2-hom-pre-3 hot-page2-alp-cl-1-3">
                                        <span th:text="${model.rank}"></span>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>

                    <br/>
                    <br/>
                    <!--内容二，最受欢迎的-->
                    <!--PART 1 : LEFT LISTINGS-->
                    <div class="hot-page2-alp-con-left-1">
                        <h3>Most View Models</h3>
                    </div>
                    <!--PART 2 : LEFT LISTINGS-->
                    <div class="hot-page2-hom-pre hot-page2-alp-left-ner-notb">
                        <ul>
                            <!--LISTINGS-->
                            <li th:each="model:${sidebarList2}">
                                <a href="#">
                                    <div class="hot-page2-hom-pre-1 hot-page2-alp-cl-1-1">
                                        <img  th:src="${model.piclink}" style="height: 100%;width: 100%" alt="">
                                    </div>
                                    <div class="hot-page2-hom-pre-2 hot-page2-alp-cl-1-2">
                                        <h5><a target="_blank" th:href="@{/article/model_details?mid=} + ${model.mid}" th:text="${model.realname} + '（' +${model.alias} + '）'"></a></h5>
                                        <span th:text="${model.modellabel}"></span>
                                    </div>
                                    <div class="hot-page2-hom-pre-3 hot-page2-alp-cl-1-3">
                                        <span th:text="${model.rank}"></span>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--END LEFT LISTINGS-->
                <!--RIGHT LISTINGS-->
                <div class="col-md-9 hot-page2-alp-con-right">
                    <div class="hot-page2-alp-con-right-1">
                        <!--LISTINGS-->
                        <div class="row">
                            <!--LISTINGS START-->
                            <div class="hot-page2-alp-r-list" th:each="model:${modelList}">
                                <div class="col-md-4 hot-page2-alp-r-list-re-sp">
                                    <a target="_blank" th:href="@{/article/model_details(mid=${model.mid})}"
                                       href="javascript:void(0);">
                                        <div class="hotel-list-score" th:text="${model.rank}"></div>
                                        <div class="hot-page2-hli-1" style="height:70%;width: 100%">
                                            <img th:src="${model.piclink}!=null?${model.piclink}:${nullModelInfo.piclink}"
                                                 src="images/hotels/l1.jpeg.jpg" alt="">
                                        </div>
                                        <div class="hom-hot-av-tic hom-hot-av-tic-list"
                                             th:text="'人气指数：'+${model.picsnumber}">
                                            <!--观看数: 42-->
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6">
                                    <div class="hot-page2-alp-ri-p2">
                                        <a target="_blank" th:href="@{/article/model_details(mid=${model.mid})}"
                                           href="hotel-details.html"><h3
                                                th:text="${model.realname}+'('+${model.alias} +')'"></h3></a>
                                        <a style="margin-top: 5%;margin-right:5px" th:each="tag:${model.tagSet}"class="btn btn-danger" th:text="${tag}" th:href="@{/article/search(info=${tag})}"></a>
                                        <p style="padding-top: 5%"><b th:text="@{介绍：}"></b></p><p style="margin-top: 3%" th:text="@{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}+${model.introduction}">Kitchen facilities, Swimming pools, Television, Wi-Fi, Hair dryer, Towels, Dining, Exercise, Parking, Music, GYM, Play Ground and more.. </p>
                                        <!--<div class="col-md-12" style="border: 2px solid transparent;">
                                            <img th:src="${model.piclink}" style="height: 194px;width: 112px"/>
                                            <div class="col-md-4" style="border:1px solid green">
                                                &lt;!&ndash;<img th:src="${model.piclink}"/>&ndash;&gt;
                                            </div>
                                            <div class="col-md-4" style="border:1px solid red">
                                                &lt;!&ndash;<img th:src="${model.piclink}"/>&ndash;&gt;
                                            </div>
                                        </div>-->
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="hot-page2-alp-ri-p3">
                                        <div class="hot-page2-alp-r-hot-page-rat" style="visibility: hidden">25%Off</div>
                                        <span style="margin-top:70%" class="hot-list-p3-1">她的资料</span>
                                        <span class="hot-list-p3-2">$650</span>
											<span class="hot-list-p3-4">
												<a target="_blank" href="booking1.html" class="hot-page2-alp-quot-btn"
                                                   th:text="'查看'"
                                                   th:href="@{/article/model_details(mid=${model.mid})}"></a>
											</span>
                                    </div>
                                </div>
                            </div>
                            <!--END LISTINGS-->
                        </div>
                    </div>
                    <!--<div class="row" th:include="showup/gallery_type::bottom_spliter">
                    </div>-->
                    <!--分页栏-->
                    <div class="span8" style="margin-right: 30%">
                        <nav aria-label="Page navigation" style="text-align: center">
                            <form th:action="@{/article/modelList}" th:method="post" id="pagination">
                                <ul class="pagination" >
                                    <!--前一页-->
                                    <li th:if="${pageInfo.hasPreviousPage==true}">
                                        <a th:href="@{/article/modelList(pageNum=${pageInfo.prePage})}"
                                           href="rarbginfo.html" aria-label="Previous">
                                            <span aria-hidden="true">«</span>
                                        </a>
                                    </li>
                                    <!-- Will produce '/gtvg/order/details?orderId=3' (plus rewriting) -->
                                    <!--这里循环的是一个数组-->
                                    <li th:each="pageNumber,iterStat:${pageInfo.navigatepageNums}">
                                        <a href="rarbginfo.html" th:href="@{/article/modelList(pageNum=${pageNumber})}"
                                           th:text="${pageNumber}">view</a>
                                    </li>
                                    <!--后一页-->
                                    <li th:if="${pageInfo.hasNextPage==true}">
                                        <a href="rarbginfo.html" aria-label="Next"
                                           th:href="@{/article/modelList(pageNum=${pageInfo.nextPage})}">
                                            <span aria-hidden="true">»</span>
                                        </a>
                                    </li>
                                    <li >
                                        <span>第<span th:text="${pageInfo.pageNum}"></span><span>页</span></span>
                                    </li>
                                    <li >
                                        <span>共<span th:text="${pageInfo.pages}"></span><span>页</span></span>
                                    </li>
                                </ul>
                            </form>
                        </nav>
                    </div>
                </div>
                <!--END RIGHT LISTINGS-->
            </div>
        </div>
    </div>
</section>
<!--页脚-->
<!--====== FOOTER 1 ==========-->
<section th:include="showup/ft_template::ft_footer1">

</section>

<!--====== FOOTER 2 ==========-->
<section th:include="showup/ft_template::ft_footer2">

</section>

<!--====== FOOTER - COPYRIGHT ==========-->
<section th:include="showup/ft_template::ft_footer_copyright">
</section>

<!--左侧边栏图标链接-->
<section th:include="showup/ft_template::ft_sideicon">
</section>

<section th:include="showup/ft_template::ft_javascript">
</section>
</body>

</html>

